<!--
  - Copyright 2014-2018 the original author or authors.
  -
  - Licensed under the Apache License, Version 2.0 (the "License");
  - you may not use this file except in compliance with the License.
  - You may obtain a copy of the License at
  -
  -     http://www.apache.org/licenses/LICENSE-2.0
  -
  - Unless required by applicable law or agreed to in writing, software
  - distributed under the License is distributed on an "AS IS" BASIS,
  - WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  - See the License for the specific language governing permissions and
  - limitations under the License.
  -->

<template>
    <div class="section">
        <div class="container">
            <p>Config:</p>
            <form method="POST">
                <div>
                    <textarea cols="200" rows="40" v-model="config"></textarea>
                </div>
                <div>
                    <input type="button" @click="saveConfig" value="sumbit">
                </div>
            </form>
        </div>
    </div>
</template>

<script>
    import Config from '@/services/config';

    export default {
        data: () => ({
            config: null
        }),
        computed: {},
        methods: {
            saveConfig() {
                Config.saveConfig(this.config)
            },
            async getConfig() {
                const res = await Config.getConfig();
                this.config = res.data;
                return res.data;
            }
        },
        created() {
            this.getConfig();
        },
        install({viewRegistry}) {
            viewRegistry.addView({
                path: '/config',
                name: 'config',
                label: 'Config',
                order: 200,
                component: this
            });
        }
    };
</script>

<style lang="scss">

</style>
